<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/ymNewsdetails.css"/>
</head>
<body>
	<div class="yingmoo-details">
	<!-- nav导航  -->
	    <div class="yingmoo-header">
	        <p>欢迎您来鹰目<img src="img/home.png" class="home" />
	          <span class="page-text">鹰目网首页</span>
	          <span class="register">请登录</span>
	          <span class="login">免费注册</span>
	          <span class="merchant">商家管理中心</span>
	          <span class="member">会员中心
	              <img src="img/arrows.png" class="arrows" />
	            </span>
	          <span class="mean">我的收藏
	              <img src="img/arrows.png" class="arrows" />
	            </span>
	          <span class="serve">客户服务
	              <img src="img/arrows.png" class="arrows" />
	            </span>
	          <span class="tel">客服热线</span>
	          <span class="num">
	          <img src="img/phone.png" class="tel-img" />400 650 7893</span>
	        </p>
	    </div>
	<!--  媒体导航  -->
	    <div class="yingmoo-detailsnav">
	      <div class="yingmoo-nav">
	        <div class="navlogo-text">
	          <img src="img/first_img2.png" class="first-img2" />
	        </div>
	        <div class="yingmoo-nav-mean">
	          <div class="yingmoo-nav-mean-div">
	            <input type="text" id="yingmoo-page-ipt" class="yingmoo-page-ipt" />
	            <div class="btn-soso">
	              <p>搜索</p>
	            </div>
	            <div class="btn-sousuo">
	              <img src="img/location.png" />
	            </div>
	          </div>
	          <p class="hot-sousuo">热门搜索：
	            <span>国际媒体</span>
	            <span>LED</span>
	            <span>地铁媒体</span>
	            <span>电梯框架</span>
	            <span>公交车身</span>
	            <span>候车亭</span>
	          </p>
	        </div>
	      </div>
	      <div class="btn-my">
	        <div class="btn-my-shopmall">
	          <div class="img"></div>
	          <p>我的商城</p>
	          <div class="img1"></div>
	        </div>
	        <div class="btn-my-settle">
	          <div class="img2"></div>
	          <p>购物车结算</p>
	          <div class="img1"></div>
	        </div>
	      </div>
	    </div>
	<!-- 全部分类导航  -->
	    <div class="yingmoo-column">
	      <div class="navstrip"></div>
	      <div class="navbag">
	        <div class="column-navbar">
	          <h1 class="column-title" id="column-title">
	            <img class="column-icon" src="img/icon-yun1.png" />
	            <span class="column-name">全部媒体分类</span>
	            <img class="column-arrow" src="img/bg-arrow.png" />
	          </h1>
	          <ul class="media-nav-tab" id="media-nav-tab">
	            <a href="http://localhost:8080/#/ymMediaDowntown"><li>市区媒体</li></a>
	          	<a href="http://localhost:8080/#/ymHighspeed"><li>高速媒体</li></a>
	          	<a href="http://localhost:8080/#/ymMediaPublic"><li>公交媒体</li></a>
	          	<a href="http://localhost:8080/#/ymMetro"><li>地铁媒体</li></a>
	          	<a href="http://localhost:8080/#/ymAirport"><li>机场媒体</li></a>
	          	<a href="http://localhost:8080/#/ymMediaTrain"><li>火车媒体</li></a>
	          	<a href="http://localhost:8080/#/ymPassenger"><li>客运站媒体</li></a>
	          	<a href="http://localhost:8080/#/ymBuilding"><li>楼宇媒体</li></a>
	          	<a href="http://localhost:8080/#/ymSuper"><li>商超媒体</li></a>
	          	<a href="http://localhost:8080/#/ymFeature"><li>特色区域媒体</li></a>
	          </ul>

	          <div class="coverage" id="coverage">
	            <button>市区媒体</button>
	            <ul>
	              <li>单立柱</li>
	              <li>LED显示屏</li>
	              <li>灯箱</li>
	              <li>客车内广告</li>
	              <li>车身</li>
	              <li>座椅</li>
	              <li>电视</li>
	              <li>其他</li>
	            </ul>
	            <ul>
	              <li>吊旗</li>
	              <li>刷屏机</li>
	              <li>椅座广告</li>
	              <li>大牌</li>
	              <li>墙面</li>
	              <li>楼顶</li>
	              <li>立地</li>
	            </ul>
	          </div>

	        </div>
	        <ul class="column-subtitle clearfix">
	            <a href="http://localhost:8080/#/"><li>首页</li></a>
	            <a href="http://localhost:8080/#/ymStore"><li>商城</li></a>
	            <a href="http://localhost:8080/#/ymCase"><li>案例展示</li></a>
	            <a href="http://localhost:8080/#/ymExpert"><li>专家</li></a>
	            <a href=""><li>国际媒体</li></a>
	            <a href=""><li>鹰监测</li></a>
	            <a href="http://localhost:8080/#/ymMember"><li>会员中心</li></a>
	        </ul>
	      </div>

	    </div>
    <!--  当前定位  -->
	    <div class="locat">
	      <img src="img/dw.png" />
	      <p>
	      	当前位置：
	        <span>鹰目网>新闻></span>
	        <span class="text">王府井品牌中心楼顶大牌</span>
	      </p>
	    </div>
    <!-- 内容   -->
    	<div class="content">
		<!--  左半部分  -->
    		<div class="clunm-left">
    			<div class="new-content">
    				<h5>新闻标题新闻标题新闻标题</h5>
    				<p class="time">时间：<span>2017-11-28 15:07:43 </span>责任编辑：<span>yangjushan</span>阅读：<span>521</span>次</p>
    				<p class="new"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新</p>
    				<p class="page-turning"><span>上一篇 &nbsp;新闻标题新闻标题新闻标题新闻标题新闻标题？</span><span>下一篇 &nbsp;新闻标题新闻标题新闻标题新闻标题！</span></p>
    				<p class="comment">网友评论</p>
    				<input type="text" placeholder="请输入您的评论......" class="ipt" />
    				<div class="discuss">
    					<p><span>20</span>条评论&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span>50</span>人参与 </p>
    					<div class="btn">发表评论</div>
    				</div>
					<p class="comment">最热评论</p>
					<p class="commented one"><span>英雄主义：</span>该媒体&nbsp;本人挺喜欢的该媒体&nbsp;本人挺喜欢的该媒体&nbsp;本人挺喜欢的<span class="p-time">2015-08-11&nbsp;14:34:45</span></p>
					<p class="commented"><span>英雄主义：</span>该媒体&nbsp;本人挺喜欢的该媒体&nbsp;本人挺喜欢的该媒体&nbsp;本人挺喜欢的<span class="p-time">2015-08-11&nbsp;14:34:45</span></p>
					<p class="commented"><span>英雄主义：</span>该媒体&nbsp;本人挺喜欢的该媒体&nbsp;本人挺喜欢的该媒体&nbsp;本人挺喜欢的<span class="p-time">2015-08-11&nbsp;14:34:45</span></p>
					<p class="commented"><span>匿名评论：</span>该媒体&nbsp;本人挺喜欢的该媒体&nbsp;本人挺喜欢的该媒体&nbsp;本人挺喜欢的<span class="p-time">2015-08-11&nbsp;14:34:45</span></p>
					<div class="show">展示全部评论>></div>
    			</div>
    		</div>
		<!--  右半部分  -->
    		<div class="clunm-right">
			<!-- 相关新闻   -->
    			<div class="correlation-news">
    				<h5>相关新闻</h5>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    				<p>新闻标题名称新闻标题名称</p>
    			</div>
    		<!-- 推荐媒体   -->
    			<div class="recommend-media">
    				<h5>推荐媒体</h5>
    				<div class="model">
    					<img src="img/recommend.png" />
    					<p class="h4">媒体名称媒体名称媒体名称</p>
    					<p class="color">价格：120万 元/年</p>
    					<p>高速路线：北京五环绕城高速</p>
    				</div>
    				<div class="model">
    					<img src="img/recommend.png" />
    					<p class="h4">媒体名称媒体名称媒体名称</p>
    					<p class="color">价格：120万 元/年</p>
    					<p>高速路线：北京五环绕城高速</p>
    				</div>
    				<p class="p head">新闻标题名称新闻标题名称</p>
    				<p class="p">新闻标题名称新闻标题名称</p>
    				<p class="p">新闻标题名称新闻标题名称</p>
    				<p class="p">新闻标题名称新闻标题名称</p>
    				<p class="p">新闻标题名称新闻标题名称</p>
    				<p class="p">新闻标题名称新闻标题名称</p>
    			</div>
    		</div>
    	</div>
    	<div class="picture">
    		<img src="img/picture.png"/>
    	</div>
	<!--  footer  -->
	    <div class="footer-bar">
	      <div class="footer-bg">
	        <div class="w1200 footer-about clearfix">
	          <ul>
	            <h5>关于</h5>
	            <li><a href="javascript:;">关于我们</a></li>
	            <li><a href="javascript:;">加入我们</a></li>
	            <li><a href="javascript:;">团队</a></li>
	          </ul>
	          <ul>
	            <h5>服务</h5>
	            <li><a href="javascript:;">服务条款</a></li>
	            <li><a href="javascript:;">隐私协议</a></li>
	          </ul>
	          <ul>
	            <h5>产品</h5>
	            <li><a href="javascript:;">如何使用</a></li>
	            <li><a href="javascript:;">视频介绍</a></li>
	            <li><a href="javascript:;">更新历史</a></li>
	            <li><a href="javascript:;">FAQ</a></li>
	          </ul>
	          <div class="we">
	            <h5>关注我们</h5>
	            <p class="icons">
	              <a href="javascript:;"><img src="img/icon-wb.png" /></a>
	              <a href="javascript:;"><img src="img/icon-wx.png" /></a>
	              <a href="javascript:;"><img src="img/icon-qq.png" /></a>
	            </p>
	            <p class="text">鹰目户外广告网是中国最大的户外广告投放平台，户外媒体行业服务平台。鹰目网秉承以 “为客户提供有价值的服务” 为宗旨，围绕 “做专” “做专业” “做精细” 的服务方针，坚持 “只做服务商” 的经营理念，致力于以顾问形式，服务于户外广告买卖双方。</p>
	          </div>
	        </div>
	      </div>
	      <div class="footer-copyright">
	        <div class="w1200">
	          <div class="copyright">
	            <p>
	              <span>Copyright @ 2012-2017</span>
	              <span>北京鹰目网络科技有限公司</span>
	              <span>京ICP备14044439号-1</span>
	              <img src="img/icon-g.png" />
	              <span>京公网安备 11010802020633号</span>
	            </p>
	            <p>
	              <span>地址：北京市海淀区上地东路35号颐泉汇大厦D座5层</span>
	              <span>热线：400 650 7893</span>
	              <span>传真：010-62681689/8248335</span>
	            </p>
	          </div>
	          <div class="safety clearfix">
	              <a href="javascript:;"><img src="img/safe-360.png" /></a>
	              <a href="javascript:;"><img src="img/safe-kexin.png" /></a>
	              <a href="javascript:;"><img src="img/safe-aqlm.png" /></a>
	          </div>
	        </div>
	        </div>
	    </div>
	</div>
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/jquery.raty.min.js"></script>

	<script>
		$(function(){
			$('#star').raty({
				path:'img',
				precision: true
			});
		})
	</script>
	<script>
		$(function(){
//			全部分类导航
			$('#column-title').mouseover(function(){
				$(this).siblings('.media-nav-tab').show();
			}).mouseout(function(){
				$(this).siblings('.media-nav-tab').hide();
			})
			$('.media-nav-tab').mouseover(function(){
				$(this).show();
				$(this).siblings('.coverage').show();
			}).mouseout(function(){
				$(this).hide();
				$(this).siblings('.coverage').hide();
			})
			$('.coverage').mouseover(function(){
				$(this).show();
				$(this).siblings('.media-nav-tab').show();
			}).mouseout(function(){
				$(this).hide();
				$(this).siblings('.media-nav-tab').hide();
			})

		})


	</script>
</body>
</html>



